<!--已收费订单-->
<template>
  <div class="paidOrder">
    <el-table :data="tableData" style="width: 100%" :border="true">
      <el-table-column prop="type_name" label="订单编号" />
      <el-table-column prop="detail" label="下单时间" />
      <el-table-column prop="order_sn" label="首次支付时间" />
      <el-table-column prop="num" label="支付金额" />
      <el-table-column prop="pay_moneys" label="已退金额" />
      <el-table-column prop="zip" label="可退金额" />
    </el-table>


    <el-table :data="tableData2" style="width: 100%;margin-top:20px" :border="true">
      <el-table-column prop="type_name" label="类别" width="150" />
      <el-table-column prop="detail" label="项目明细" width="120" />
      <el-table-column prop="order_sn" label="处方编号" width="120" />
      <el-table-column prop="num" label="数量" width="120" />
      <el-table-column prop="pay_moneys" label="剩余可退数量" width="120" />
      <el-table-column prop="zip" label="收款状态" width="120" />
      <el-table-column prop="zip" label="支付金额	" width="120" />
      <el-table-column prop="zip" label="已优惠" width="120" />
      <el-table-column prop="status" label="已退金额" width="120" />
      <el-table-column prop="status" label="可退金额" width="120" />
      <el-table-column fixed="right" label="操作" width="120">
        <template #default="scope">
          <el-button link type="primary" size="small" @click="handleClick(scope.row.type)">
            退款
          </el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup>
  import {
    ref,
    nextTick,
    onMounted,
    reactive
  } from 'vue'
  const tableData = ref([])
  const tableData2 = ref([])
</script>

<style lang="scss" scoped>
</style>